<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
<jsp:include page="../header.jsp">
	<jsp:param value="学生签约 " name="title" />
</jsp:include>
<link href="static/css/teacher.css" rel="stylesheet" type="text/css">
<link href="static/css/position.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="static/js/postion.js"></script>
<script type="text/javascript" src="static/js/student.js"></script>
<script type="text/javascript">
	$(function() {
		$('.ui.floating.dropdown.labeled.icon.button').dropdown();
		$('.ui.fluid.popup.bottom.left.transition.hidden');
		$('ui.four.column.relaxed.divided.grid');
		$('.ui.teal.basic.button');
	});
</script>
</head>
<body>
	<jsp:include page="../menu/menue.jsp"></jsp:include>
	<div class="teacher-content"
		style="margin-left: 150px; margin-right: 100px; margin-top: 50px;">
		<div class="ui form"></div>
		<table class="ui sortable celled table">
			<thead>
				<tr>
					<th colspan="9" style="vertical-align: middle;">
						<div style="float: left;">潜在学员</div>

						<div class="ui mini icon input" style="float: right;">
							<div class="ui floating dropdown labeled icon button">
								<i class="filter icon"></i><span class="text"><c:if
										test="${url eq 'nopayed' }">未缴清</c:if> <c:if
										test="${url eq 'studentdetail' }">未签约</c:if> <c:if
										test="${url eq 'allpayed' }">已缴清</c:if>
								</span>
								<div class="menu">
									<div class="divider"></div>
									<a class="item" style="color: black;" href="studentdetail">
										<span class="ui blue empty circular label"
										style="margin-right: 10px;"></span> 未签约
									</a> <a class="item" style="color: black;" href="nopayed">
										<span class="ui red empty circular label"
										style="margin-right: 10px;"></span> 未缴清
									</a> <a style="color: black;" class="item" href="allpayed"> <span
										class="ui green empty circular label"
										style="margin-right: 10px;"> </span> 已缴清
									</a>
								</div>
							</div>
							<div>&nbsp;&nbsp;</div>
						</div>
					</th>
				</tr>
				<tr>
					<th colspan="9">
						<div class="ui mini icon input" style="float: right;">
							<form>
								<input type="text" name="name" placeholder="输入学生名字搜索"
									value="${param.name}">&nbsp;&nbsp;&nbsp;
							</form>
						</div>

					</th>
				</tr>
				<tr>
					<th>学员姓名</th>
					<th>性别</th>
					<th>学员状态</th>
					<th>学历</th>
					<th>来源</th>
					<th>咨询师</th>
					<th>创建时间</th>
					<th>签约</th>
				</tr>
			</thead>
			<tbody>
				<c:forEach items="${studentdetailList}" var="studentdetail">
					<tr>
						<td class="collapsing"><a class="browse item"style="color:#666">
 			   ${studentdetail.name}
 			 </a>
						<div class="ui fluid popup  bottom left transition hidden" style="max-width:300px;">
			    <div class="ui four column relaxed divided grid" >
			      <div class="column">
			        <h5 class="ui header" style="width:200px;">详细资料</h5>
			        <div class="ui link list">
			          <a class="item" style="width:200px;">学历：${studentdetail.education }</a>
			          <a class="item" style="width:200px;">地址：${studentdetail.address }</a>
			          <a class="item" style="width:200px;">状态：${studentdetail.status }</a>
			          <a class="item" style="width:200px;">身份证号码：${studentdetail.idCard}</a>
			          <a class="item" style="width:200px;">QQ号码：${studentdetail.qq}</a>
			          <a class="item" style="width:200px;">父亲姓名：${studentdetail.fatherName}</a>
			          <a class="item" style="width:200px;">父亲电话：${studentdetail.fatherTel}</a>
			          <a class="item" style="width:200px;">母亲姓名：${studentdetail.motherName}</a>
			          <a class="item" style="width:200px;">母亲电话：${studentdetail.motherTel}</a>			          
			          
			        </div>
			      </div>
			    </div>
			  </div>
						</td>
						<td class="collapsing">${studentdetail.gender}</td>
						<td class="collapsing">${studentdetail.stuGradeText}</td>
						<td class="collapsing">${studentdetail.education}</td>
						<td class="collapsing">${studentdetail.source}</td>
						<td class="collapsing">${studentdetail.counselorName}</td>
						<td class="collapsing"><fmt:formatDate
								value="${studentdetail.createTime}" type="date" /></td>
						<td class="collapsing"><a class="ui teal basic button"
							tabindex="0" href="studentdetail?id=${studentdetail.id}">签约</a></td>
					</tr>
				</c:forEach>
				<c:if test="${empty studentdetailList}">
					<tr>
						<td style="text-align: center;" colspan="8">暂无记录</td>
					</tr>
				</c:if>
			</tbody>
		</table>
		<label>&nbsp;</label>
		<c:if test="${totalPage > 1 }">
			<div class="page">
				<a <c:if test="${page!=1}">href="${url}?page=1${queryString}"</c:if>
					class="${page == 1?'disable':''}">首页</a> <a
					<c:if test="${page!=1}">href="${url}?page=${page-1}${queryString}"</c:if>
					class="${page == 1?'disable':''}">上一页</a> <a
					<c:if test="${page!=totalPage}">href="${url}?page=${page+1 }${queryString}"</c:if>
					class="${page == totalPage?'disable':''}">下一页</a> <a
					<c:if test="${page!=totalPage}">href="${url}?page=${totalPage }${queryString}"</c:if>
					class="${page == totalPage?'disable':''}">最后一页</a> <span>
					${page}/${ totalPage} </span>
			</div>
		</c:if>
	</div>
</body>
</html>